/* 页面整体 */
.supervisionMod{
    width: 100%;
    height: 100%;
    /* padding: 16px; */
    background: #f2f3f5;
}
.visionMod{
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 8px;
    --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
/* 图表内容模块 */
.superButtomMod{
    height:100%;
    /* height: calc(100% - 200px); */
    width: 100%;
}
.superButMod{
    width: 100%;
    /* height: 310px; */
    /* padding: 0 8px; */
    /* margin-bottom: 12px; */
    display: inline-block;
    /* float: left;*/
}
.superBtnModNei{
    width: 50%;
    height: 100%;
    /* padding: 0 8px; */
    float: left;
}
.superBtnEchartMod{
    width: 100%;
    height: 100%;
    /* 多加一层框 */
    /* border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    padding: 8px; */
    /* 彩色边框包裹效果 */
    /* border: 1px solid #41a1e9;
    box-shadow: 0 0px 8px 0px #41a1e9; */
}
/* 标题 */
.superBtnTitMod{
    height: 30px;
    line-height: 30px;
    position: relative;
}
.superBtnTitIcon{
    position: absolute;
    top: 0px;
    left: 0px;
}
.superBtnTitName{
    font-weight: bold;
    font-size: 18px;
    color: #666;
    padding-left: 26px;
}
.superBtnEchartCon{
    width: 100%;
    height: calc(100% - 30px);
}

/* 滚动条轨道样式 */
::-webkit-scrollbar {
    width: 6px; /* 设置滚动条宽度 */
}
/* 滚动条滑块样式 */
::-webkit-scrollbar-thumb {
/* 设置滑块背景颜色 */
background-color: #dedfe1; 
/* 设置滑块圆角 */
border-radius: 4px; 
}
/* 滚动条轨道hover状态样式 */
::-webkit-scrollbar-track:hover {
/* 设置轨道hover状态时的背景颜色 */
/* background-color: #f1f1f1;  */
background-color: none; 
}
/* 滚动条滑块hover状态样式 */
::-webkit-scrollbar-thumb:hover {
/* 设置滑块hover状态时的背景颜色 */
background-color: #dedfe1;
}
/* 新页面样式 */
.topAllMod{
    width: 33.33%;
    height: 100%;
    float: left;
    /*  */
    padding: 8px;
}
.topAllSinMod{
    border-radius: 0.75rem;
    border: 1px solid #e5e7eb;
    height: 100%;
    padding: 10px 16px 16px;
}

.bottomAllMod{
    width: 50%;
    height: 100%;
    float: left;
    /*  */
    padding: 8px;
}